<template>
  <a-card class="h-full">
    <a-input v-model="value" class="mb-10" />
    <a-button type="primary" @click="toDetail">toDetail</a-button>
  </a-card>
</template>

<script>
import { ref } from "@vue/reactivity";
import { useRouter } from "vue-router";

export default {
  name: "menu-menu1-menu1-1",
  setup() {
    const value = ref("");
    const router = useRouter();
    const toDetail = () => {
      router.push("/menu/menu1/menu1-1/detail?id=1");
    };
    return {
      value,
      toDetail,
    };
  },
};
</script>

<style lang="scss" scoped></style>
